<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!-- struts的tag(標籤) 固定用法 -->
<%@ taglib uri="/struts-tags" prefix="s"%>

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>JsUtil 範例頁面</title>

		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shCore.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushBash.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushCpp.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushCSharp.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushCss.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushDelphi.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushDiff.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushGroovy.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushJava.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushJScript.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushPhp.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushPlain.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushPython.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushRuby.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushScala.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushSql.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushVb.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/syntax-highlighter-2.1.382/scripts/shBrushXml.js" />"></script>
		<link type="text/css" rel="stylesheet" href="<s:url value="/base/syntax-highlighter-2.1.382/styles/shCore.css" />"/>
		<link type="text/css" rel="stylesheet" href="<s:url value="/base/syntax-highlighter-2.1.382/styles/shThemeDefault.css" />"/>
		
		<script type="text/javascript" src="<s:url value="/base/script/jquery.js" />"></script>
		
		<script type="text/javascript" src="<s:url value="/base/script/divMask.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/script/util/stringUtils.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/script/util/numberUtils.js" />"></script>
		<script type="text/javascript" src="<s:url value="/base/script/util/dateUtils.js" />"></script>
		
		<script>
		SyntaxHighlighter.config.clipboardSwf = '<s:url value="/base/syntax-highlighter-2.1.382/scripts/clipboard.swf" />';
		SyntaxHighlighter.all();
			function openDivMask(){
				$.openDocumentMask("divMaskSampleDiv"); 
			}
			
			function closeDivMask(){
				$.closeDocumentMask("divMaskSampleDiv");
			}
			
			function isEmpty(value){
				var result = StringUtils.isEmptyString(value);
				alert(result);
			}
			
			function insertLPad(objId, length, newWord){
				var obj = document.getElementById(objId);
				obj.value = StringUtils.lPad(obj.value, length, newWord);
			}
			
			function insertRPad(objId, length, newWord){
				var obj = document.getElementById(objId);
				obj.value = StringUtils.rPad(obj.value, length, newWord);
			}
			
			function trimStr(objId){
				var obj = document.getElementById(objId);
				obj.value = StringUtils.trim(obj.value);
			}
			
			function lTrimStr(objId){
				var obj = document.getElementById(objId);
				obj.value = StringUtils.lTrim(obj.value);
			}
			
			function rTrimStr(objId){
				var obj = document.getElementById(objId);
				obj.value = StringUtils.rTrim(obj.value);
			}
			
			function replaceAllStr(objId, target, replacement){
				var obj = document.getElementById(objId);
				obj.value = StringUtils.replaceAll(obj.value, target, replacement);
			}
			
			function limitStr(objId, length, newWord){
				var obj = document.getElementById(objId);
				obj.value = StringUtils.limitStr(obj.value, length, newWord);
			}
			
			function isNumber(value){
				var result = NumberUtils.isNumber(value);
				alert(result);
			}
			
			function isInteger(value){
				var result = NumberUtils.isInteger(value);
				alert(result);
			}
			
			function gfcTrnNumFormat(objId, formatType, firstWord){
				var obj = document.getElementById(objId);
				var result = NumberUtils.gfcTrnNumFormat(obj.value, formatType, firstWord);
				var str = "";
				str += "result.eErr = " + result.eErr + "\n";
				str += "result.eNum = " + result.eNum + "\n";
				str += "result.eNum999 = " + result.eNum999 + "\n";
				str += "result.eErrDesc = " + result.eErrDesc + "\n";
				alert(str);
			}
			
			function gfcAddZero(objId, pointLength){
				var obj = document.getElementById(objId);
				obj.value = NumberUtils.gfcAddZero(obj.value, pointLength);
			}
			
			function gfcTrnNum(objId, pointLength){
				var obj = document.getElementById(objId);
				var result = NumberUtils.gfcTrnNum(obj.value, pointLength);
				var str = "";
				str += "result.eErr = " + result.eErr + "\n";
				str += "result.eRound = " + result.eRound + "\n";
				str += "result.eFix = " + result.eFix + "\n";
				str += "result.eAdd = " + result.eAdd + "\n";
				str += "result.ePos = " + result.ePos + "\n";
				alert(str);
			}
			
			function cDateToWDate(objId){
				var obj = document.getElementById(objId);
				obj.value = DateUtils.cDateToWDate(obj.value, "/");
			}
			
			function wDateToCDate(objId){
				var obj = document.getElementById(objId);
				obj.value = DateUtils.wDateToCDate(obj.value, "/");
			}
			
			function getNowDateTime(dateType){
				var result = DateUtils.getNowDateTime(dateType);
				var str = "";
				str += "result.getYear = " + result.getYear + "\n";
				str += "result.getMonth = " + result.getMonth + "\n";
				str += "result.getDay = " + result.getDay + "\n";
				str += "result.getHour = " + result.getHour + "\n";
				str += "result.getMinute = " + result.getMinute + "\n";
				str += "result.getSecond = " + result.getSecond + "\n";
				str += "result.getMillisecond = " + result.getMillisecond + "\n";
				alert(str);
			}
			
			function getSysTime(dateType, dateSplit, showTime, connectionSplit, showTimeSplit, showMillisecond){
				var result = DateUtils.getSysTime(dateType, dateSplit, showTime, connectionSplit, showTimeSplit, showMillisecond);
				alert(result);
			}
			
			function calcCDate(objId, dateSplit, calcType, num){
				var obj = document.getElementById(objId);
				var result = DateUtils.calcCDate(obj.value, dateSplit, calcType, num);
				alert(result);
			}
			
			function calcWDate(objId, dateSplit, calcType, num){
				var obj = document.getElementById(objId);
				var result = DateUtils.calcWDate(obj.value, dateSplit, calcType, num);
				alert(result);
			}
			
			function cDaysOfMonth(yearObjId, monthObjId){
				var yearObj = document.getElementById(yearObjId);
				var monthObj = document.getElementById(monthObjId);
				var result = DateUtils.cDaysOfMonth(yearObj.value, monthObj.value);
				alert(result);
			}
			
			function wDaysOfMonth(yearObjId, monthObjId){
				var yearObj = document.getElementById(yearObjId);
				var monthObj = document.getElementById(monthObjId);
				var result = DateUtils.wDaysOfMonth(yearObj.value, monthObj.value);
				alert(result);
			}
		</script>
	</head>
	<body>
		<div id="mainContentDiv">
			<fieldset>
				<legend> 遮罩 Sample </legend>
				<form name="maskForm" id="calendarForm">
					<table width="100%" border="1">
						<tr>
							<td width="10%"> 範例 </td>
							<td width="80%">
								<input type="button" id="openDivMaskBtn" name="openDivMaskBtn" value="打開遮罩" onclick="openDivMask();" />
							</td>
						</tr>
						<tr>
							<td> 語法 </td>
							<td>
								<pre class="brush:xml; gutter: true">
									&lt;input type="button" id="openDivMaskBtn" name="openDivMaskBtn" value="打開遮罩" onclick="openDivMask();" /&gt;
									&lt;script&gt;
										function openDivMask(){
											//打開遮罩
											$.openDocumentMask("顯示視窗代號");
										}
										
										function closeDivMask(){
											//關閉遮罩
											$.closeDocumentMask("顯示視窗代號");
										}
									&lt;/script&gt;
								</pre>
							</td>
						</tr>
						<tr>
							<td> JS </td>
							<td>
								&lt;script type="text/javascript" src="&lt;s:url value="/base/script/divMask.js" /&gt;"&gt;&lt;/script&gt;
							</td>
						</tr>
						<tr>
							<td> 資料來源 </td>
							<td colspan="2">無</td>
						</tr>
					</table>
				</form>
				<div id="divMaskSampleDiv" style="display:none;width:800px;height:530px;position:absolute;z-index:999990;border:1px groove #6699cc;padding:2px;background-color:#d3def3;">
					<input type="button" id="closeDivMaskBtn" name="closeDivMaskBtn" value="關閉遮罩" onclick="closeDivMask();" />
				</div>
			</fieldset>
			<br/>
			<br/>
			<h1>stringUtil</h1>
			<hr/>
			<fieldset>
				<legend> 判斷字串是否為 NULL &amp;&amp; 空值 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="button" id="nullBtn" name="nullBtn" value="為空值" onclick="isEmpty('');" />
							<input type="button" id="noNullBtn" name="noNullBtn" value="不為空值" onclick="isEmpty('Y');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="button" id="emptyBtn" name="emptyBtn" value="為空值" onclick="isEmpty('');" /&gt;<br/>
								&lt;input type="button" id="noEmptyBtn" name="noEmptyBtn" value="不為空值" onclick="isEmpty('Y');" /&gt;<br/>
								&lt;script&gt;
									function isEmpty(){<br/>
										var result = StringUtils.isEmptyString(value);<br/>
										alert(result);<br/>
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">true / false</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 左補字串 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="lPadText" name="lPadText" value="7" />
							<input type="button" id="lPadBtn" name="lPadBtn" value="左補字串" onclick="insertLPad('lPadText', 3, '0');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="7" /&gt;
								&lt;input type="button" id="lPadBtn" name="lPadBtn" value="左補字串" onclick="insertLPad('物件代號', 指定長度, '補充字元');" /&gt;
								&lt;script&gt;
									function insertLPad(objId, length, newWord){
										var obj = document.getElementById(objId);
										obj.value = StringUtils.lPad(obj.value, length, newWord);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">左補字串後的結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 右補字串 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="rPadText" name="rPadText" value="7" />
							<input type="button" id="rPadBtn" name="rPadBtn" value="右補字串" onclick="insertRPad('rPadText', 3, '0');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="7" /&gt;
								&lt;input type="button" id="lPadBtn" name="lPadBtn" value="右補字串" onclick="insertRPad('物件代號', 指定長度, '補充字元');" /&gt;
								&lt;script&gt;
									function insertRPad(objId, length, newWord){
										var obj = document.getElementById(objId);
										obj.value = StringUtils.rPad(obj.value, length, newWord);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">右補字串後的結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 去除字串前後的空白 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="trimText" name="trimText" value="  test   " />
							<input type="button" id="trimBtn" name="trimBtn" value="去除字串前後的空白" onclick="trimStr('trimText');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="  test   " /&gt;
								&lt;input type="button" id="trimBtn" name="trimBtn" value="去除字串前後的空白" onclick="trimStr('物件代號');" /&gt;
								&lt;script&gt;
									function trimStr(objId){
										var obj = document.getElementById(objId);
										obj.value = StringUtils.trim(obj.value);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">去除字串前後的空白後之結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 去除字串左邊的空白 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="lTrimText" name="lTrimText" value="  test   " />
							<input type="button" id="lTrimBtn" name="lTrimBtn" value="去除字串左邊的空白" onclick="lTrimStr('lTrimText');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="  test   " /&gt;
								&lt;input type="button" id="lTrimBtn" name="lTrimBtn" value="去除字串左邊的空白" onclick="lTrimStr('物件代號');" /&gt;
								&lt;script&gt;
									function lTrimStr(objId){
										var obj = document.getElementById(objId);
										obj.value = StringUtils.lTrim(obj.value);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">去除字串左邊的空白後之結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 去除字串右邊的空白 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="rTrimText" name="rTrimText" value="  test   " />
							<input type="button" id="rTrimBtn" name="rTrimBtn" value="去除字串右邊的空白" onclick="rTrimStr('rTrimText');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="  test   " /&gt;
								&lt;input type="button" id="rTrimBtn" name="rTrimBtn" value="去除字串右邊的空白" onclick="rTrimStr('物件代號');" /&gt;
								&lt;script&gt;
									function rTrimStr(objId){
										var obj = document.getElementById(objId);
										obj.value = StringUtils.rTrim(obj.value);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">去除字串右邊的空白後之結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 取代字串 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="replaceAllText" name="replaceAllText" value="AABBAA" />
							<input type="button" id="replaceAllBtn" name="replaceAllBtn" value="replaceAll" onclick="replaceAllStr('replaceAllText', 'A', 'C');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="AABBAA" /&gt;
								&lt;input type="button" id="replaceAllBtn" name="replaceAllBtn" value="replaceAll" onclick="replaceAllStr('物件代號', '指定目標', '更換字串');" /&gt;
								&lt;script&gt;
									function replaceAllStr(objId, target, replacement){
										var obj = document.getElementById(objId);
										obj.value = StringUtils.replaceAll(obj.value, target, replacement);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">replaceAll後的結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 限定字數 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="limitStrText" name="limitStrText" value="限定字數" />
							<input type="button" id="limitStrBtn" name="limitStrBtn" value="limitStr" onclick="limitStr('limitStrText', 3, '...');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="限定字數" /&gt;
								&lt;input type="button" id="limitStrBtn" name="limitStrBtn" value="limitStr" onclick="limitStr('物件代號', 限定長度, '補充字串');" /&gt;
								&lt;script&gt;
									function limitStr(objId, length, newWord){
										var obj = document.getElementById(objId);
										obj.value = StringUtils.limitStr(obj.value, length, newWord);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/StringUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">limitStr後的結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<br/>
			<h1>numberUtil</h1>
			<hr/>
			<fieldset>
				<legend> 判斷傳入值是否為數值 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="button" id="isNumberBtn" name="isNumberBtn" value="為數值" onclick="isNumber('1');" />
							<input type="button" id="notNumberBtn" name="notNumberBtn" value="不為數值" onclick="isNumber('Y');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="button" id="isNumberBtn" name="isNumberBtn" value="為數值" onclick="isNumber('1');" /&gt;
								&lt;input type="button" id="noNumberBtn" name="noNumberBtn" value="不為數值" onclick="isNumber('Y');" /&gt;
								&lt;script&gt;
									function isNumber(){
										var result = NumberUtils.isNumber(value);
										alert(result);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/NumberUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">true / false</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 判斷傳入值是否為整數 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="button" id="isIntegerBtn" name="isIntegerBtn" value="為整數" onclick="isInteger('123');" />
							<input type="button" id="notIntegerBtn" name="notIntegerBtn" value="不為整數" onclick="isInteger('12.3');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="button" id="isIntegerBtn" name="isIntegerBtn" value="為整數" onclick="isInteger('1');" /&gt;
								&lt;input type="button" id="notIntegerBtn" name="notIntegerBtn" value="不為整數" onclick="isInteger('Y');" /&gt;
								&lt;script&gt;
									function isNumber(){
										var result = NumberUtils.isInteger(value);
										alert(result);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/NumberUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">true / false</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 限制僅限數字輸入(number-tag的number.js也有相同的function) </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="onlyNumber" name="onlyNumber" value="" onkeypress="NumberUtils.setNumConstraint(event, this);" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="onlyNumber" name="onlyNumber" value="" onkeypress="NumberUtils.setNumConstraint(event, this);" /&gt;<br/>
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/NumberUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">限數字輸入的結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 自動千分化(number-tag的number.js也有相同的function) </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="formatNumberText" name="formatNumberText" value="" onblur="NumberUtils.formatNumber(event, this);" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="formatNumberText" name="formatNumberText" value="" onblur="NumberUtils.formatNumber(event, this);" /&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/NumberUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">自動千分化的結果，如1234 &raquo; 1,234</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 數值千位化 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="gfcTrnNumFormatText" name="gfcTrnNumFormatText" value=""  />
							<input type="button" id="gfcTrnNumFormatBtn" name="gfcTrnNumFormatBtn" value="數值千位化" onclick="gfcTrnNumFormat('gfcTrnNumFormatText', ',', '$');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="gfcTrnNumFormatText" name="gfcTrnNumFormatText" value="" /&gt;
								&lt;input type="button" id="gfcTrnNumFormatBtn" name="gfcTrnNumFormatBtn" value="數值千位化" onclick="gfcTrnNumFormat('物件代號', '千位化符號', '欲加上$的符號');" /&gt;
								&lt;script&gt;
									function gfcTrnNumFormat(objId, formatType, firstWord){
										var obj = document.getElementById(objId);{
										var result = NumberUtils.gfcTrnNumFormat(obj.value, formatType, firstWord);{
										var str = "";{
										str += "result.eErr = " + result.eErr + "\n";{
										str += "result.eNum = " + result.eNum + "\n";{
										str += "result.eNum999 = " + result.eNum999 + "\n";{
										str += "result.eErrDesc = " + result.eErrDesc + "\n";{
										alert(str);{
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/NumberUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳一個 Object，內含 4 項子類別：<br/>
							result.eErr		boolean值，判斷千位化執行情況<br/>
							result.eNum		正確格式數值(原值)<br/>
							result.eNum999	正確格式數值<br/>
							&nbsplt.eErrDesc	執行失敗錯誤訊息<br/>
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 自動將數值的小數長度右補0至預計的小數長度 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="gfcAddZeroText" name="gfcAddZeroText" value="" onblur="gfcAddZero('gfcAddZeroText', '5');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="gfcAddZeroText" name="gfcAddZeroText" value="" onblur="gfcAddZero('物件代號', '小數點位數');" /&gt;
								&lt;script&gt;
									function gfcAddZero(objId, pointLength){
										var obj = document.getElementById(objId);
										obj.value = NumberUtils.gfcAddZero(obj.value, pointLength);
									}
								&lt;/script&gt;
							</pre>
							or
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="gfcAddZeroText" name="gfcAddZeroText" value="" onblur="this.value = NumberUtils.gfcAddZero(this.value, '小數點位數');" /&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/NumberUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">自動將數值的小數長度右補0至預計的小數長度，如123.4 &raquo; 123.40000</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 將數值 &raquo; 四捨五入, 無條件捨去, 無條件進位 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="gfcTrnNumText" name="gfcTrnNumText" value="" />
							<input type="button" id="gfcTrnNumBtn" name="gfcTrnNumBtn" value="將數值 &raquo; 四捨五入, 無條件捨去, 無條件進位" onclick="gfcTrnNum('gfcTrnNumText', '5');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="gfcTrnNumText" name="gfcTrnNumText" value="" /&gt;
								&lt;input type="button" id="gfcTrnNumBtn" name="gfcTrnNumBtn" value="將數值 &raquo; 四捨五入, 無條件捨去, 無條件進位" onclick="gfcTrnNum('物件代號', '小數點位數');" /&gt;
								&lt;script&gt;
									function gfcTrnNum(objId, pointLength){
										var obj = document.getElementById(objId);
										var result = NumberUtils.gfcTrnNum(obj.value, pointLength);
										var str = "";
										str += "result.eErr = " + result.eErr + "\n";
										str += "result.eRound = " + result.eRound + "\n";
										str += "result.eFix = " + result.eFix + "\n";
										str += "result.eAdd = " + result.eAdd + "\n";
										str += "result.ePos = " + result.ePos + "\n";
										alert(str);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/NumberUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳一個 Object，內含 5 項子類別：<br/>
							result.eErr		boolean值，判斷是否為數值型態<br/>
							result.eRound	四捨五入到小數第length位<br/>
							result.eFix		無條件捨去到小數第pPoint位<br/>
							result.eAdd		無條件進位到小數第pPoint位<br/>
							result.ePos		+ / - ，判斷傳入數值為正數 or 負數<br/>
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<br/>
			<h1>dateUtil</h1>
			<hr/>
			<fieldset>
				<legend> 民國日期轉西元日期 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="cDateToWDateText" name="cDateToWDateText" value="100/12/21" />
							<input type="button" id="cDateToWDateBtn" name="cDateToWDateBtn" value="民國日期轉西元日期" onclick="cDateToWDate('cDateToWDateText');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="100/12/21" /&gt;
								&lt;input type="button" id="cDateToWDateBtn" name="cDateToWDateBtn" value="民國日期轉西元日期" onclick="cDateToWDate('物件代號');" /&gt;
								&lt;script&gt;
									function cDateToWDate(objId){
										var obj = document.getElementById(objId);
										obj.value = DateUtils.cDateToWDate(obj.value);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">民國日期轉西元日期後的結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 西元日期轉民國日期 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="wDateToCDateText" name="wDateToCDateText" value="2012/12/21" />
							<input type="button" id="wDateToCDateBtn" name="wDateToCDateBtn" value="西元日期轉民國日期 " onclick="wDateToCDate('wDateToCDateText');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="物件代號" name="物件名稱" value="2012/12/21" /&gt;
								&lt;input type="button" id="wDateToCDateBtn" name="wDateToCDateBtn" value="民國日期轉西元日期" onclick="wDateToCDate('物件代號');" /&gt;
								&lt;script&gt;
									function wDateToCDate(objId){
										var obj = document.getElementById(objId);
										obj.value = DateUtils.wDateToCDate(obj.value);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">西元日期轉民國日期後的結果</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 取得目前的日期時間 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="button" id="getNowROCDateTimeBtn" name="getNowROCDateTimeBtn" value="取得目前的民國日期時間 " onclick="getNowDateTime('ROC');" />
							<input type="button" id="getNowADDateTimeBtn" name="getNowADDateTimeBtn" value="取得目前的西元日期時間 " onclick="getNowDateTime('AD');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="button" id="getNowROCDateTimeBtn" name="getNowROCDateTimeBtn" value="取得目前的民國日期時間" onclick="getNowDateTime('ROC');" /&gt;
								&lt;input type="button" id="getNowADDateTimeBtn" name="getNowADDateTimeBtn" value="取得目前的西元日期時間" onclick="getNowDateTime('AD');" /&gt;
								&lt;script&gt;
									function getNowDateTime(dateType){
										var result = DateUtils.getNowDateTime(dateType);
										var str = "";
										str += "result.getYear = " + result.getYear + "\n";
										str += "result.getMonth = " + result.getMonth + "\n";
										str += "result.getDay = " + result.getDay + "\n";
										str += "result.getHour = " + result.getHour + "\n";
										str += "result.getMinute = " + result.getMinute + "\n";
										str += "result.getSecond = " + result.getSecond + "\n";
										str += "result.getMillisecond = " + result.getMillisecond + "\n";
										alert(str);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳一個 Object，內含 7 項子類別：<br/>
							result.getYear			年<br/>
							result.getMonth			月<br/>
							result.getDay			日<br/>
							result.getHour			小時<br/>
							result.getMinute		分鐘<br/>
							result.getSecond		秒<br/>
							result.getMillisecond	毫秒<br/>
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 取得系統時間 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="button" id="getSysTimeROCBtn" name="getSysTimeROCBtn" value="取得系統時間(民國年)" onclick="getSysTime('ROC', '/' , true, '', true, true);" />
							<input type="button" id="getSysTimeADBtn" name="getSysTimeADBtn" value="取得系統時間 (西元年)" onclick="getSysTime('AD', '/' , true, '', true, true)" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="button" id="getSysTimeROCBtn" name="getSysTimeROCBtn" value="取得系統時間(民國年)" onclick="getSysTime('日期型態可分為AD(西元年)以及ROC(民國年)', '日期分隔符號' , 顯示時間與否(true/false), '日期時間分隔符號', 顯示時間分隔符號與否(true/false), 顯示毫秒與否(true/false));" /&gt;
								&lt;input type="button" id="getSysTimeADBtn" name="getSysTimeADBtn" value="取得系統時間 (西元年)" onclick="getSysTime('日期型態可分為AD(西元年)以及ROC(民國年)', '日期分隔符號' , 顯示時間與否(true/false), '日期時間分隔符號', 顯示時間分隔符號與否(true/false), 顯示毫秒與否(true/false))"  /&gt;
								&lt;script&gt;
									function getSysTime(dateType, dateSplit, showTime, connectionSplit, showTimeSplit, showMillisecond){
										var result = DateUtils.getSysTime(dateType, dateSplit, showTime, connectionSplit, showTimeSplit, showMillisecond);
										alert(str);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳一符合所需的系統時間
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 民國日期加減 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="calcCDateText" name="calcCDateText" value="101/07/10" />
							<input type="button" id="calcCDateBtn" name="calcCDateBtn" value="取得3天後的日期 " onclick="calcCDate('calcCDateText', '/', 'day', 3);" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="calcCDateText" name="calcCDateText" value="101/07/10" /&gt;
								&lt;input type="button" id="calcCDateBtn" name="calcCDateBtn" value="取得3天後的日期" onclick="calcCDate('物件代號', '欲加減的日期型別：day(預設)/week/month/year', 欲增減數目)"  /&gt;
								&lt;script&gt;
									function calcCDate(objId, calcType, num){
										var obj = document.getElementById(objId);
										var result = DateUtils.calcCDate(obj.value, calcType, num);
										alert(str);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳民國日期加減後的日期
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 西元日期加減 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							<input type="text" id="calcWDateText" name="calcWDateText" value="2012/07/10" />
							<input type="button" id="calcWDateBtn" name="calcWDateBtn" value="取得3天後的日期 " onclick="calcWDate('calcWDateText', '/', 'day', 3);" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								&lt;input type="text" id="calcWDateText" name="calcWDateText" value="2012/07/10" /&gt;
								&lt;input type="button" id="calcWDateBtn" name="calcWDateBtn" value="取得3天後的日期" onclick="calcWDate('物件代號', '欲加減的日期型別：day(預設)/week/month/year', 欲增減數目)"  /&gt;
								&lt;script&gt;
									function calcWDate(objId, calcType, num){
										var obj = document.getElementById(objId);
										var result = DateUtils.calcWDate(obj.value, calcType, num);
										alert(str);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳西元日期加減後的日期
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 取得民國某年某月的天數 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							年：<input type="text" id="cDaysOfMonthYear" name="cDaysOfMonthYear" value="101" />、
							月：<input type="text" id="cDaysOfMonthMonth" name="cDaysOfMonthMonth" value="7" />
							<input type="button" id="cDaysOfMonthBtn" name="cDaysOfMonthBtn" value="取得民國某年某月的天數 " onclick="cDaysOfMonth('cDaysOfMonthYear', 'cDaysOfMonthMonth');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								年：&lt;input type="text" id="cDaysOfMonthYear" name="cDaysOfMonthYear" value="101" /&gt;、
								月：&lt;input type="text" id="cDaysOfMonthMonth" name="cDaysOfMonthMonth" value="7" /&gt;
								&lt;input type="button" id="cDaysOfMonthBtn" name="cDaysOfMonthBtn" value="取得民國某年某月的天數 " onclick="cDaysOfMonth('物件代碼(年)', '物件代碼(月)');" /&gt;
								&lt;script&gt;
									function cDaysOfMonth(yearObjId, monthObjId){
										var yearObj = document.getElementById(yearObjId);
										var monthObj = document.getElementById(monthObjId);
										var result = DateUtils.cDaysOfMonth(yearObj.value, monthObj.value);
										alert(str);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳取得民國某年某月的天數
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			<fieldset>
				<legend> 取得西元某年某月的天數 </legend>
				<table width="100%" border="1">
					<tr>
						<td width="10%"> 範例 </td>
						<td width="80%">
							年：<input type="text" id="wDaysOfMonthYear" name="wDaysOfMonthYear" value="2012" />、
							月：<input type="text" id="wDaysOfMonthMonth" name="wDaysOfMonthMonth" value="7" />
							<input type="button" id="wDaysOfMonthBtn" name="wDaysOfMonthBtn" value="取得西元某年某月的天數 " onclick="wDaysOfMonth('wDaysOfMonthYear', 'wDaysOfMonthMonth');" />
						</td>
					</tr>
					<tr>
						<td> 語法 </td>
						<td>
							<pre class="brush:xml; gutter: true">
								年：&lt;input type="text" id="wDaysOfMonthYear" name="wDaysOfMonthYear" value="2012" /&gt;、
								月：&lt;input type="text" id="wDaysOfMonthMonth" name="wDaysOfMonthMonth" value="7" /&gt;
								&lt;input type="button" id="wDaysOfMonthBtn" name="wDaysOfMonthBtn" value="取得西元某年某月的天數 " onclick="wDaysOfMonth('物件代碼(年)', '物件代碼(月)');" /&gt;
								&lt;script&gt;
									function wDaysOfMonth(yearObjId, monthObjId){
										var yearObj = document.getElementById(yearObjId);
										var monthObj = document.getElementById(monthObjId);
										var result = DateUtils.wDaysOfMonthYear(yearObj.value, monthObj.value);
										alert(str);
									}
								&lt;/script&gt;
							</pre>
						</td>
					</tr>
					<tr>
						<td> JS </td>
						<td>
							&lt;script type="text/javascript" src="&lt;s:url value="/base/script/util/DateUtils.js" /&gt;"&gt;&lt;/script&gt;
						</td>
					</tr>
					<tr>
						<td> Return </td>
						<td colspan="2">
							回傳取得西元某年某月的天數
						</td>
					</tr>
				</table>
			</fieldset>
			<br/>
			
			
			
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			http://www.chweng.idv.tw/w3cguide/specchar.php
			http://www.natural-innovations.com/wa/doc-charset.html
	
			<table border="1">
				<tr>
					<th>原始碼</th>
					<th>呈現結果</th>
					<th>符號名稱</th>
				</tr>
				<tr>
					<td>&amp;nbsp;</td>
					<td>（一個不斷行空白）</td>
					<td>space</td>
				</tr>
				<tr>
					<td>&amp;amp;</td>
					<td>&amp;</td>
					<td>ampersand</td>
				</tr>
				<tr>
					<td>&amp;#039;</td>
					<td>&#039;</td>
					<td>single quote</td>
				</tr>
				<tr>
					<td>&amp;quot;</td>
					<td>&quot;</td>
					<td>double quote</td>
				</tr>
				<tr>
					<td>&amp;lt;</td>
					<td>&lt;</td>
					<td>less than sign</td>
				</tr>
				<tr>
					<td>&amp;gt;</td>
					<td>&gt;</td>
					<td>great than sign</td>
				</tr>
				<tr>
					<td>&amp;uuml;</td>
					<td>&uuml;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;Uuml;</td>
					<td>&Uuml;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;auml;</td>
					<td>&auml;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;Auml;</td>
					<td>&Auml;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;ouml;</td>
					<td>&ouml;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;Ouml;</td>
					<td>&Ouml;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;lsaquo;</td>
					<td>&lsaquo;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;rsaquo;</td>
					<td>&rsaquo;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;laquo;</td>
					<td>&laquo;</td>
					<td></td>
				</tr>
				<tr>
					<td>&amp;raquo;</td>
					<td>&raquo;</td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td>`</td>
					<td>backquote / grave accent</td>
				</tr>
				<tr>
					<td></td>
					<td>′</td>
					<td>prime</td>
				</tr>
				<tr>
					<td></td>
					<td>~</td>
					<td>tilde / swung dash</td>
				</tr>
				<tr>
					<td></td>
					<td>!</td>
					<td>exclamation mark</td>
				</tr>
				<tr>
					<td></td>
					<td>@</td>
					<td>at</td>
				</tr>
				<tr>
					<td></td>
					<td>#</td>
					<td>number sign / pound sign / hash / crosshatch / octothorp</td>
				</tr>
				<tr>
					<td></td>
					<td>$</td>
					<td>dollar sign</td>
				</tr>
				<tr>
					<td></td>
					<td>%</td>
					<td>percentage</td>
				</tr>
				<tr>
					<td></td>
					<td>^</td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td>*</td>
					<td>asterisk</td>
				</tr>
				<tr>
					<td></td>
					<td>( ) （ ）</td>
					<td>curved brackets / parentheses</td>
				</tr>
				<tr>
					<td></td>
					<td>[ ] 【 】</td>
					<td>square brackets</td>
				</tr>
				<tr>
					<td></td>
					<td>{ }</td>
					<td>curly brackets</td>
				</tr>
				<tr>
					<td></td>
					<td>〈 〉</td>
					<td>angle brackets</td>
				</tr>
				<tr>
					<td></td>
					<td>:</td>
					<td>colon</td>
				</tr>
				<tr>
					<td></td>
					<td>,</td>
					<td>camma</td>
				</tr>
				<tr>
					<td></td>
					<td>.</td>
					<td>full stop / period</td>
				</tr>
				<tr>
					<td></td>
					<td>? – — ─</td>
					<td>dashes</td>
				</tr>
				<tr>
					<td></td>
					<td>… ...</td>
					<td>ellipsis</td>
				</tr>
				<tr>
					<td></td>
					<td>- ?</td>
					<td>hyphen</td>
				</tr>
				<tr>
					<td></td>
					<td>?</td>
					<td>interrobang</td>
				</tr>
				<tr>
					<td></td>
					<td>?</td>
					<td>question mark</td>
				</tr>
				<tr>
					<td></td>
					<td>;</td>
					<td>semicolon</td>
				</tr>
				<tr>
					<td></td>
					<td>/</td>
					<td>slash / solidus</td>
				</tr>
				<tr>
					<td></td>
					<td>\</td>
					<td>backslash</td>
				</tr>
				<tr>
					<td></td>
					<td>·</td>
					<td>interpunct</td>
				</tr>
				<tr>
					<td></td>
					<td>?</td>
					<td>asterism</td>
				</tr>
				<tr>
					<td></td>
					<td>_</td>
					<td>underscore / understrike</td>
				</tr>
				<tr>
					<td></td>
					<td>|</td>
					<td>vertical bar / vertical line / pipe</td>
				</tr>
				<tr>
					<td></td>
					<td>‧</td>
					<td>bullet</td>
				</tr>
				<tr>
					<td></td>
					<td>? ?</td>
					<td>dagger</td>
				</tr>
				<tr>
					<td></td>
					<td>°</td>
					<td>degrees</td>
				</tr>
				<tr>
					<td></td>
					<td>?</td>
					<td>currency</td>
				</tr>
				<tr>
					<td></td>
					<td>§</td>
					<td>section sign</td>
				</tr>
				<tr>
					<td></td>
					<td>?</td>
					<td>pilcrow</td>
				</tr>
			</table>
			<img alt="HTML Character Entities" src="<s:url value="/base/image/system/characters_cheat_sheet.png" />" />
		</div>
	</body>
</html>